<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/classify.css">
</head>
<body>
<div class="wrap">
    <header>
        <nav>
            <button class="return">Back</button>
            <p>分类</p>
            <select name="
            " id="">
                <option value="">广州市</option>
                <option value="">佛山市</option>
                <option value="">深圳市</option>
                <option value="">惠州市</option>
            </select>
        </nav>
        <div class="introduce">
            <div class="box">
                <img src="./images/分类_11.png" alt="">
                <p>美食</p>
            </div>
            <div class="box">
                <img src="./images/分类_06.png" alt="">
                <p>电影</p>
            </div>
            <div class="box">
                <img src="./images/分类_08.png" alt="">
                <p>运动</p>
            </div>
            <div class="box">
                <img src="./images/分类_03.png" alt="">
                <p>唱歌</p>
            </div>
        </div>
    </header>
    <main>
        <div class="show">
            <div class="type">
                <p><i class="iconfont icon-yuebing"></i>美食类</p>
                <p>更多<i class="iconfont icon-xiayiyeqianjinchakangengduo-xianxingyuankuang"></i></p>
            </div>
            <div class="photograph">
                <img src="./images/分类_18.png" alt="">
                <img src="./images/分类_20.png" alt="">
                <img src="./images/分类_23.png" alt="">
                <img src="./images/分类_26.png" alt="">
            </div>
            <div class="type">
                <p><i class="iconfont icon-gaoerfu"></i>运动类</p>
                <p>更多<i class="iconfont icon-xiayiyeqianjinchakangengduo-xianxingyuankuang"></i></p>
            </div>
            <div class="photograph">
                <img src="./images/分类_32.png" alt="">
                <img src="./images/分类_34.png" alt="">
                <img src="./images/分类_36.png" alt="">
                <img src="./images/分类_37.png" alt="">
            </div>
            <div class="type">
                <p><i class="iconfont icon-dianying"></i>电影类</p>
                <p>更多<i class="iconfont icon-xiayiyeqianjinchakangengduo-xianxingyuankuang"></i></p>
            </div>
            <div class="photograph">
                <img src="./images/分类_43.png" alt="">
                <img src="./images/分类_44.png" alt="">
                <img src="./images/分类_46.png" alt="">
                <img src="./images/分类_47.png" alt="">
            </div>
        </div>
    </main>
    <footer>
        <div class="nav">
            <ul>
                <li>
                    <a href="./index.html">
                        <i class="iconfont icon-shouye-shouye"></i>
                        <p>首页</p>
                    </a>
                </li>
                <li>
                    <a href="./classify.html">
                        <i class="iconfont icon-fenlei"></i>
                        <p>分类</p>
                    </a>
                </li>
                <li>
                    <a href="./discover.html">
                        <i class="iconfont icon-faxian"></i>
                        <p>发现</p>
                    </a>
                </li>
                <li>
                    <a href="./my.html">
                        <i class="iconfont icon-xiazai"></i>
                        <p>我的</p>
                    </a>
                </li>
            </ul>
        </div>
    </footer>
</div>
</body>
</html>